import { app } from '@core';

import FileInput from '@views/fabric/components/FileInput.vue'
import ColorPicker from '@views/fabric/components/ColorPicker/index.vue'
import ColorButton from '@views/fabric/components/ColorButton.vue'
import TextColorButton from '@views/fabric/components/TextColorButton.vue'
import FullscreenSpin from '@views/fabric/components/FullscreenSpin.vue'
import LinePointMarker from '@views/fabric/components/LinePointMarker.vue'
import SwipeInput from '@views/fabric/components/SwipeInput.vue'
import FileExport from '@views/fabric/components/FileExport/index.vue'
import FileUpload from '@views/fabric/components/FileUpload/index.vue'
import ImageMatting from '@views/fabric/components/ImageMatting/index.vue'
import ImageFillColor from '@views/fabric/components/ImageFillColor.vue'
import HomePopover from '@views/fabric/components/HomePopover.vue'

const components = {
  FileInput,
  ColorButton,
  TextColorButton,
  ColorPicker,
  FullscreenSpin,
  LinePointMarker,
  SwipeInput,
  FileExport,
  FileUpload,
  ImageMatting,
  ImageFillColor,
  HomePopover
}

export default {
  install(app) {
    for (const key of Object.keys(components)) {
      app.component(key, components[key]);
    }
  }
}
